可以利用，免費製造 Response 的網站 mocky 來練習。

1. 可以自行設定 response header、response body
2. 已經避免 CORS 問題
3. 可設定 Content-Type
4. 可設定 HTTP Status Code
5. 可設定到期日
6. 最高附載可一秒內下載 100 次

總結：

Fetch 是可以取代 XHR 的 AJAX 用法，屬於 ES6 的語法，而 promise 是屬於 ES6 的一種新型態。

Fetch 相對 XHR 多了 await 的功能，被宣告 await 的程式碼，會等到該行執行完後，才繼續執行接下來的程式碼。

Fetch

用法：在 Script 裡面直接用

fetch("https://run.mocky.io/v3/d2381372-4e30-4ec6-8a03-c3573417112d")

來取代 XHR

const request = fetch("https://run.mocky.io/v3/d2381372-4e30-4ec6-8a03-c3573417112d")
    console.log(request)

如果把 fetch 這個 function 「回傳值」印出來的話，會是一個 promise 型態

Promise 是一個獨特的物件型態 Promise Object，代表一個即將完成、或失敗的非同步操作，以及它所產生的值。

其他不同的物件型態舉例如：

1. $('.btn') -> JQuery Object
2. RegExp -> RegExp Object
3. new Date -> Date Object